React Native专题
转载注明出处:地址:http://www.lcode.org本文出自:【江清清的技术专栏】本React Native讲解专题:主要讲解了React Native开发，由基础环境搭建配置入门，基础，进阶相关讲解。刚创建的React Native技术交流1群(282693535),React Native技术交流2群(496601483),React Native技术交流3群(496508742)。欢迎各位大牛,React Native技术爱好...
2024-01-10
React Native开发入门
目录：一、前言二、什么是React Native三、开发环境搭建四、预备知识五、最简单的React Native小程序六、总结七、参考资料 一、前言虽然只是简单的了解了一下React的皮毛，但是对React Native的学习就轻松了好多。所以在学习React Native之前，最好还是先学习一下React。因为我学习的iOS开发，对iOS更...
2024-01-10
React-Native -课后练习
import React, { Component } from 'react';import { AppRegistry, StyleSheet, Text, View, Image,} from 'react-native';class meituan extends Component { render() { return ( <View> <View style={[styles.view_row,styles.height_160]}> ...
2024-01-10
React Native 列表的总结
FlatList和SectionList都是React Native中高性能的列表组件。这些新的列表组件在性能方面都有了极大的提升, 其中最主要的一个是无论列表有多少行，它的内存使用都是常数级的。他们有着共同的特点：完全跨平台。行组件显示或隐藏时可配置回调事件。支持单独的头部组件。支持单独的尾部组件。支持...
2024-01-10
React Native自定义导航栏
之前我们学习了可触摸组件和页面导航的使用的使用: 从零学React Native之09可触摸组件 … 从零学React Native之03页面导航 …经过之前的学习, 我们可以完成一个自定义导航栏了, 效果如下: 我们需要创建一个 NaviBar.js 用来显示顶部的导航栏, 还需要四个界面(Page1.js,Page2.js,Page3.js,Page4.js)。 当然还需要修改...
2024-01-10
什么是React-Native？
写在前面1. 什么是React-Native？ React-Native是：Facebook 在2015年初React.js技术研讨大会上公布的一个开源项目。支持用开源的JavaScript库React.js来开发iOS和Android原生App。初期仅支持iOS平台，同年9月份，该开源项...
2024-01-10
React Native 之 数据持久化
前言因为 实战项目系列 涉及到数据持久化，这边就来补充一下。如本文有错或理解偏差欢迎联系我，会尽快改正更新！如有什么问题，也可直接通过邮箱 277511806@qq.com 联系我。demo链接: https://pan.baidu.com/s/1hsspiio 密码: dk3h数据持久化数据持久化一直都是软件开发中重要的一个环节，几乎所有...
2024-01-10
React Native ：加载新闻列表
代码地址如下：http://www.demodashi.com/demo/13212.html标签与内容页联动上一节（React Native ： 自定义视图）做到了点击标签自动移动，还差跟下面的视图进行联动。首先创建 NewsList.js :import React from 'react'import { View, Text, ListView, Image, StyleSheet, Dimensions} from 'react-native'const {wi...
2024-01-10
React Native中的全局变量/常量
在ReactNative中，有一种方法可以在全局变量上定义将要使用的所有字符串，就像在Android开发中一样，这里有一个String.xml，您可以在其中放置所有字符串。回答：我要做的是创建一个globals模块…//文件：Globals.jsmodule.exports = { STORE_KEY: 'a56z0fzrNpl^2', BASE_URL: 'http://someurl.com', COLOR: { ORANGE: '#C50', DA...
2024-01-10
React Native入门遇到的一些问题
本文示例参考自《React Native第一课》 React Native官方文档中文版（含最新Android内容） 这里只大概记录下我的操作步骤和遇到的问题，一定要牢记下面这条： 如果你在Mac下遇到提示写入权限时，记得在命令前加上sudo 安装开发所需要的环境，参考这里>> 我所遇到的几个问题： 1) 安装brew curl -LsSf http://gith...
2024-01-10![[RN] <span style='color:red;'>React Native</span> 调试技巧](/wp-content/uploads/thumbs/534118_thumbnail.jpg)
[RN] React Native 调试技巧
React Native 调试技巧一、 安卓模拟器调出Dev Setting 命令adb shell input keyevent 82二、图片不出来时，先运行此命令，再重新 runreact-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/s...
2024-01-10
React Native 常用的 15 个库
本篇 react native 库列表不是从网上随便找的， 这些是我在我的应用中亲自使用的库。 这些库功能可能跟其它库也有，但经过大量研究并在我的程序中尝试后，我选择了这些库。15. React Native Animatable这个库非常适合快速地向 react Native 应用程序添加简单的动画和转换。这个库有两种使用方式:声明式...
2024-01-10
React-Native集成dva.js
dvajs作为一个基于redux的状态管理框架，在react中的表现还是很不错的，如果我们想要在react-native应用中使用dvajs该怎么做呢？首先安装dva-core和react-redux：npm i -S dva-core react-reduxdva-core是dvajs的核心部分，能够很好的和其他react-native组件在一起工作。dva-core和dva在提供的方法上有一些区别，不过在使用思...
2024-01-10
React Native 项目iOS真机调试红屏
错误信息：反应本地版本不匹配。javascript版本xx.xx.xx本地版本xx.xx.xx原因：开启的反应原生服务与你当前运行的反应原生项目不一致造成的。解决办法：打开终端，将路径切到RN项目下，并执行npm start待服务开启后，在iphone设备端，摇晃会reload js即可。侵权请联系我删除。...
2024-01-10![[RN] <span style='color:red;'>React Native</span> 实现图片预览](/wp-content/uploads/thumbs/533940_thumbnail.jpg)
[RN] React Native 实现图片预览
[RN] React Native 实现图片预览效果预览：代码如下：'use strict';import React, {Component} from 'react';import {Image, StyleSheet, Text, View, ViewPagerAndroid, Dimensions} from 'react-native';const {width, height} = Dimensions.get("window");//图片地址const PAGE_IMAGES = [ '...
2024-01-10无法运行jetifier React Native
我尝试运行react-native run-android，但出现此错误。info Running jetifier to migrate libraries to AndroidX. You can disable it using "--no-jetifier" flag. error Failed to run jetifier. Run CLI with --verbose flag for more details. Error: spawnSync C:\Users\JayK...
2024-01-10
在Mac系统下搭建React Native开发环境
这里记录一下在Mac系统下搭建React Native开发环境的过程： 1. 安装HomeBrew:1/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装完后如下所示： \ 可使用命令：”brew -v“查看其版本。 2. 安装Node.JS: brew install node，也可以在node.js官网下载pkg安装包进...
2024-01-10
React Native 开发之 IDE 选型和配置
React Native 发布一年多了，有不少公司已经在线上产品中或小范围试水，或大范围应用，很多公司或开发者都在为 React Native 的生态系统作出自己的贡献。React Native 的开发基本上是 Javascript ＋ 系统原生开发语言（Java，Objective-C，Swift），原生语言的开发所用的 IDE 没有多余的选择，Android 平台只能使用 An...
2024-01-10
React Native 仿 ofo 共享单车 App
本文为 Marno 原创，转载必须保留出处！公众号【 aMarno 】，关注后回复 RN 加入交流群React Native 优秀开源项目大全：http://www.marno.cnhttp://www.jianshu.com/p/6d7bac35af46一、前言并没有实现 ofo 所有功能，只完成了主要的界面和逻辑，感觉其中也就【地图】和【扫码】两个比较核心的功能还需要花点时...
2024-01-10
React-native真机调试遇到的问题
React-native真机调试遇到的问题打开官网，有关于如何真机调试的文档：https://reactnative.cn/docs/running-on-device/第一步准备工具： 1、iPhone手机 2、usb数据线 3、Apple ID连上数据线之后，打开Xcode，设置：如果这是第一次在iOS设备上运行app，需要注册开发设备。从Xcode菜单栏打开Product菜单，然后...
2024-01-10
React-native碰到的坑和解决方案
React-native碰到的坑和解决方案<React/RCTXXXXX.h> file no found1. Clean (cmd+shift+K)2. Build core React - select React as the scheme in Xcode and build it (cmd+B)3. Build the library that is failing (e.g. RCTText).4. Build your app.no such file or directory XXXX文件找...
2024-01-10
号外，号外，《React Native移动开发实战》出版啦
对不起，我来晚了首先要感谢支持和关注我的朋友，感谢人邮的赵老师，还有公司的领导和同事，他们在我写作的过程中给了很多有用的信息，也给了很多有用的建议，为本书的写作提供了很大帮助。感谢，再次感谢！！！ 工作6年多以来，一直想写一本自己的书，一方面是对自己工作经历的一个总...
2024-01-10
为什么我切换到React Native来创建超级简单的底页
I recently switched jobs, and one of my first tasks was to create a bottom sheet in React Native. 我最近更换了工作，而我的首要任务之一是在React Native中创建一个底页。 Coming from a native Android development background, I thought it was going to be as daunting as creating a bottom s...
2024-01-10
React Diff理解
前言一提到React，学过的人都会想到提高性能的两大神奇特色：虚拟DOM & diff算法。React diff作为Virtual DOM的加速器，其算法的改进优化是React整的界面渲染的基础，以及性能提高的保障。虽然开发中不需要知道其运行机制，但是理解之后有助于更好的理解React组件的生命周期，以及优化React程序。React diff...
2024-01-10
React提高02 React性能优化
已同步到个人博客，欢迎访问。PureRenderMixin因为react的diff是在某一个根节点发生变化的时候，调用所有节点进行render，再对生成的虚拟DOM进行对比，如果不变则不对真实DOM进行更新。这就导致了性能的浪费。所以优化针对两方面：拆分组件，有利于组件复用和优化避免不必要的render避免不要的...
2024-01-10
